<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 lte9 lte8 no-js"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 lte9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="notie no-js">
<!--<![endif]-->

<!-- OG NAMESPACED HEAD -->
<head>

  <meta charset="utf-8" />
  <meta name="robots" content="index, follow" />
  <link href="<?php $this->config->base_url(); ?>/public/images/favicon.ico" type="image/x-icon" rel="shortcut icon" />
  <title>Leap Demo</title>
  <meta name="description" content="<?php echo html_entity_decode($this->lang->line('page_desc'));?>" />
  <?php
    if(isset ($facebook_og)){
        echo $facebook_og;
    }
  ?>
  
  <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/style.css" />
  <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/redactor.css" />
  <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
  <!--[if gte IE 6]>
  <link rel="stylesheet" type="text/css" href="styles/layout-ie.css"/>
  <![endif]-->

  <!--[if IE 9]>
  <link rel="stylesheet" type="text/css" href="styles/layout-ie9.css"/>
  <![endif]-->
  <script src="http://leapdemo.com:3000/socket.io/socket.io.js"></script>
  <script type="text/javascript" src="<?php echo base_url();?>public/js/js.php" ></script>
  <script type="text/javascript">
      <?php if(isset ($user_id) && isset ($username)) {  ?>
      $.sct.init("<?php echo $user_id;  ?>", "<?php echo $username;  ?>");
      <?php } ?>
  </script>
  <!--[if IE 6]>
      <script src="scripts/html5.js"></script>
  <![endif]-->

  <!--[if gte IE 9]>
  <style type="text/css">
      .gradient{
         filter: none;
      }
  </style>
  <![endif]-->
</head>
<body <?php if(isset($username)){echo "data-screen-name='".$username."'";} ?> >
<header class="collided">
    <div class="HeaderContainer" >
        <div id="logo" >
            <a id="leap" href="/"><img src="/public/images/logo.jpg" /></a>
        </div>
      
        
        <div id="upload" >
            <!--<p>Travel Blog About</p>-->
            <ul>
                <li>Travel</li>
                <li>Blog</li>
                <li>About</li>
            </ul>
        </div>
        <div class="connect">
           <ul class="social">
                <li><a href="#">
                        <img src="<?php echo base_url(); ?>public/images/facebook_ico.jpg"  />
                    </a></li>
                <li><a href="#">
                        <img src="<?php echo base_url(); ?>public/images/twitter_ico.jpg" />
                    </a></li>
                <li><a href="#">
                        <img src="<?php echo base_url(); ?>public/images/youtube_ico.jpg" />
                    </a></li>
            </ul>
            
        </div>
        <div id="searchwrapper"><form action="">
                <input type="text" class="searchbox" name="s" value="" placeholder="BEGIN YOUR SEARCH YO!"/>
                <input type="image" src="<?php echo base_url(); ?>public/images/Mignify-glass.png" class="searchbox_submit" value="" />
                <ul class="search-result">
                    
                </ul>
            </form>
        </div>
<!--        <div id="messages">
            <span></span>
            
        </div>-->
        
        <div id="login">
            <?php if($this->input->cookie('LEAPSESSIF')): ?>
                <div class="login-btn">
                        <?php  
                        if(@$profile_pic_thumb){
                            echo '<span class="profilePicWrapper" ><img src="'.$profile_pic.'" /></span>';
                        }
                        ?>
                <?php else: ?>
                           
                    <div class="login-btn">
                        <span class="profilePicWrapper notConnected" >
                            <!--<img src="<?php echo base_url();?>/public/images/profile.png" width="300" height="300" />-->
                        </span> 
                    <?php endif; ?>
                     <div class="clearfix"></div>   
                    <ul class="dropdown-menu" id="dropdown-menu">
                        <?php if (!$this->input->cookie('LEAPSESSIF')) : ?>
<!--                        <li class="dropdown-caret"> 
                            <span class="caret-outer"></span>
                            <span class="caret-inner"></span>
                        </li>-->
                        <li data-name="profile" class="current-user">
                            <a data-nav="profile" class="account-summary account-summary-small" href="http://leapdemo.com/login">
                                <div class="content">
                                    <div class="account-group js-mini-current-user">
                                        Login with Leap
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li data-name="profile" class="current-user">
                            <a data-nav="profile" class="account-summary account-summary-small login-social" href="<?php echo $login_url_facebook; ?>" onclick="return popup('<?php echo $login_url_facebook; ?>')">
                                <div class="content">
                                    <div class="account-group js-mini-current-user">
                                        Login with Facebook
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li data-name="profile" class="current-user">
                            <a data-nav="profile" class="account-summary account-summary-small login-social" href="<?php echo $login_url_facebook; ?>" onclick="return popup('http://leapdemo.com/login/loginTwitter')">
                                <div class="content">
                                    <div class="account-group js-mini-current-user">
                                        Login with Twitter
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li >
                            <a href="register" class="registered-users">
                                <div class="content">
                                    <div class="account-group js-mini-current-user">
                                        Register
                                    </div>
                                </div>
                            </a>
                        </li>
                       <li >
                            <a href="suggestlink" class="suggest-link">
                                <div class="content">
                                    <div class="account-group js-mini-current-user">
                                        Suggest a link
                                    </div>
                                </div>
                            </a>
                        </li>
                        <?php else: ?>
                        
                        
<!--                        <li class="dropdown-caret">
                            <span class="caret-outer"></span>
                            <span class="caret-inner"></span>
                        </li>-->

                        <li data-name="profile" class="current-user">
                            <a data-nav="profile" class="account-summary account-summary-small" href="/<?php echo $username; ?>">
                                <div class="content">
                                    <div data-screen-name="<?php echo $username; ?>" data-user-id="<?php echo $user_id; ?>" class="account-group js-mini-current-user">
                                        <small class="metadata">View my profile page</small>
                                    </div>
                                </div>
                            </a>
                        </li>
                        
                        <li class="dropdown-divider"></li>
                        
                        <li data-name="profile" class="current-user">
                            <a data-nav="profile" class="account-summary account-summary-small login-social" href="http://leapdemo.com/login/loginFacebookInside" onclick="return popup('http://leapdemo.com/login/loginFacebookInside')">
                                <div class="content">
                                    <div class="account-group js-mini-current-user">
                                        Connect Facebook
                                    </div>
                                </div>
                            </a>
                        </li>
                        
                        <li class="dropdown-divider"></li>
                        <li id="addMedia">
                            <a data-nav="add" href="#">Add</a>
                            <ul class="addMedia">
                                <li><a href="#">Photo</a></li>
                                <li><a href="#">Video</a></li>
                                <li><a id="addBlog" href="#">Article</a></li>
                                <li><a href="#">Spot</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-divider"></li>
                        <li>
                            <?php if(@$logout_url_facebook){?>
                            <a data-nav="logout" href="http://leapdemo.com/login/logoutFacebook?url=<?php echo $logout_url_facebook; ?>" id="signout-button" class="js-signout-button">Logout</a>
                            <?php }else if($this->input->cookie('LEAPSESSIF')==='TWITTER'){ ?>
                            <a data-nav="logout" href="http://leapdemo.com/login/logoutTwitter">Logout</a>
                            <?php }else{ ?>
                            <a data-nav="logout" href="http://leapdemo.com/login/logout">Logout</a>
                            <?php } ?>
                        </li>
                        <?php endif; ?>
                    </ul>
                </div>
            </div>
<!--            <div id="notifications">
            <span></span>
            <?php if (isset($notification) && count($notification)>0){ ?>
            <i><?php echo count($notification); ?></i>
            <?php } ?>
            <div id="not-lstWrapper">
                <div class="notHeader">Notifications</div>
                <ul id="not-lst" class="dropdown-menu">
                </ul>
            </div>
            
        </div>-->
        </div>
<div class="sportsMenu">
    
    <ul>
        <li><div class="toggle"></div></li>
        <li><a>Parkour</a></li>
        <li><a>B-Boying</a></li>
        <li><a>Skate</a></li>
        <li><a>Inline</a></li>
        <li><a>BMX</a></li>
        <li><a>Trail</a></li>
        <li><a>MTB</a></li>
        <li><a>Snowboard</a></li>
        <li><a>SKI</a></li>
        <li><a>Surf</a></li>
        <li><a>Windurf</a></li>
        <li><a>Kitesurf</a></li>
        <li><a>Wakeboard</a></li>
        <li><a>Skydive</a></li>
        <li><a>Climbing</a></li>
        <li><a>Motocross</a></li>
    </ul>
</div>   
<section class="select-menu <?php if(!$this->input->cookie('LEAPSESSIF')){ ?> main-select-menu <?php } ?>">
  
    <div class="selectwrapper">
            <div  class="selectbox"   >All categories</div>
            <div class="coutry-resultWrapper">
                <ul class="nav-menu main-menu">
                   <li><a href='#'>All categories</a></li>
                   <li><a href='#'>People</a></li>
                   <li><a class="rvideos" href='#'>Videos</a></li>
                   <li><a href='#'>Events</a></li>
                   <li><a href='#'>Spots</a></li>
                   <li><a href='#'>Blog</a></li>
                </ul>
            </div>
    </div>
    <div class="selectwrapper">
            <div  class="selectbox"   >All Country</div>
            <div  class="coutry-resultWrapper">
                <ul class="nav-menu coutry-result">
                    <?php
                    foreach ($regions as $k => $val) {
                        echo "<li><a href='#'>" . $val['country'] . "</a></li>";
                    }
                    ?>
                </ul>
            </div>
    </div>
    <div class="selectwrapper">
            <div  class="selectbox"   >All Cities</div>
    </div>
    <div class="selectwrapper">
            <div  class="selectbox"   >Popular</div>
    </div>
    <div class="selectwrapper">
            <div  class="selectbox"   >All Styles</div>
    </div>
    <div class="mapToggle">
        
    </div>
</section>
<script type="text/javascript">
    function popup(url) {
        var left = (screen.width/2)-(250);
        var top = (screen.height/2)-(250);
         window.open(url,"Popup", "location=1,status=1,scrollbars=1,  width=500,height=500,top="+top+", left="+left);
        return false;
}
</script>
</header>
   